<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@ taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<h:form>
	<div class="top_bar">
		<div class="top_search">
			<div class="search_text">Advanced Search</div>
			<input type="text" class="search_input" name="search" /> <input
				type="image" src="images/search.gif" class="search_bt" />
		</div>
		<div id="login">
		<c:choose>
			<c:when test="${utilisateurBean.connected == false}">
				<div class="login_text">
					Login: <h:inputText id="login"	value="#{utilisateurBean.authentification.login}" />
					Mot de passe:<h:inputSecret id="pwd" value="#{utilisateurBean.authentification.pwd}" />
					<h:commandButton action="#{utilisateurBean.connexion}" value="Connexion" />
					<a href="creationCompte.jsp" >S'inscrire</a>
				</div>
			</c:when>
			<c:when test="${utilisateurBean.connected == true}">
                    <div class="login_text">
                    Bonjour <h:outputLabel value="#{utilisateurBean.authentification.login}"/>
                     </div>
                    <h:commandButton action="#{utilisateurBean.deconnexion}" styleClass="deconnexion"/>
                   
			</c:when>
		</c:choose>
		</div>

	</div>


	<div id="header">
		<div id="logo">
			<a href="http://www.free-css.com/"><img src="images/logo.png"
				alt="" border="0" width="237" height="140" /></a>
		</div>
		<div class="oferte_content">
			<div class="top_divider">
				<img src="images/header_divider.png" alt="" width="1" height="164" />
			</div>
			<div class="oferta">
				<div class="oferta_content">
					<img src="images/laptop.png" width="94" height="92" alt=""
						border="0" class="oferta_img" />
					<div class="oferta_details">
						<div class="oferta_title">Samsung GX 2004 LM</div>
						<div class="oferta_text">Lorem ipsum dolor sit amet,
							consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
							labore et dolore magna aliqua. Ut enim ad minim veniam, quis
							nostrud exercitation ullamco</div>
						<a href="details.html" class="details">details</a>
					</div>
				</div>
				<div class="oferta_pagination">
					<span class="current">1</span> <a href="http://www.free-css.com/">2</a>
					<a href="http://www.free-css.com/">3</a> <a
						href="http://www.free-css.com/">4</a> <a
						href="http://www.free-css.com/">5</a>
				</div>
			</div>
			<div class="top_divider">
				<img src="images/header_divider.png" alt="" width="1" height="164" />
			</div>
		</div>
		<!-- end of oferte_content-->
	</div>
	<div id="main_content">
		<div id="menu_tab">
			<div class="left_menu_corner"></div>
			<ul class="menu">
				<li><a href="http://www.free-css.com/" class="nav1"> Home</a></li>
				<li class="divider"></li>
				<li><a href="http://www.free-css.com/" class="nav2">Products</a></li>
				<li class="divider"></li>
				<li><a href="http://www.free-css.com/" class="nav3">Specials</a></li>
				<li class="divider"></li>
				<li><a href="http://www.free-css.com/" class="nav4">My
						account</a></li>
				<li class="divider"></li>
				<li><a href="http://www.free-css.com/" class="nav4">Sign Up</a></li>
				<li class="divider"></li>
				<li><a href="http://www.free-css.com/" class="nav5">Shipping</a></li>
				<li class="divider"></li>
				<li><a href="contact.html" class="nav6">Contact Us</a></li>
				<li class="divider"></li>
				<li class="currencies">Currencies <select>
						<option>US Dollar</option>
						<option>Euro</option>
				</select>
				</li>
			</ul>
			<div class="right_menu_corner"></div>
		</div>
		<!-- end of menu tab -->
	</div>
</h:form>